/* App Switcher
---------------------------------------------*/

#altTabPopup {
    spacing: 8px;
}

.switcher-list {
    padding: 10px;;
}

.switcher-list-item-container {
    spacing: 8px;
}

.thumbnail-scroll-gradient-left {
    background-gradient-direction: horizontal;
    background-gradient-start: rgba(51,51,51,1);
    background-gradient-end: rgba(51,51,51,0);
    border-radius: 24px;
    border-radius-topright: 0;
    border-radius-bottomright: 0;
    width: 60px;
}

.thumbnail-scroll-gradient-right {
    background-gradient-direction: horizontal;
    background-gradient-start: rgba(51,51,51,0);
    background-gradient-end: rgba(51,51,51,1);
    border-radius: 24px;
    border-radius-topleft: 0;
    border-radius-bottomleft: 0;
    width: 60px;
}

.switcher-list .item-box {
    padding: 5px;
    border-radius: 4px;
    border: 1px solid transparent;
}

.switcher-list .item-box:outlined {
    background-gradient-direction: vertical;
    background-gradient-start: rgba(255,255,255,0.4);
    background-gradient-end: rgba(255,255,255,0.1);
    box-shadow: inset 0 0 2px rgba(255,255,255,0.4);
    border-color: rgba(0,0,0,0.2);
}

.switcher-list .item-box:selected {
    background-gradient-direction: vertical;
    background-gradient-start: rgba(255,255,255,0.3);
    background-gradient-end: rgba(255,255,255,0.1);
    box-shadow: inset 0 0 2px rgba(255,255,255,0.3);
    border-color: rgba(0,0,0,0.2);
}

.switcher-list .thumbnail-box {
    spacing: 6px;
}

.switcher-list .thumbnail {
    width: 256px;
}

.switcher-list .separator {
    width: 1px;
    border-image: url("img/app-switch-separator.svg") 0 0 0 0;
}

.ripple-box {
    width: 52px;
    height: 52px;
}

.ripple-box:ltr {
    background-image: url("img/corner-ripple-ltr.png");
}

.ripple-box:rtl {
    background-image: url("img/corner-ripple-rtl.png");
}

.switcher-arrow {
    border-color: rgba(0,0,0,0);
    color: rgba(255,255,255,0.3);
}

.switcher-arrow:highlighted {
    border-color: rgba(0,0,0,0);
    color: #fff;
}

/* Workspace Switcher
---------------------------------------------*/

.workspace-switcher-group {
    padding: 12px;
}

.workspace-switcher-container {
    padding: 10px;
}

.workspace-switcher {
    spacing: 8px;
}

.ws-switcher-active-up {
    height: 100px;
    background-color: rgba(255,255,255,0.1);
    background-image: url("img/ws-switch-arrow-up.svg");
    box-shadow: inset 0 0 2px rgba(255,255,255,0.1);
    border-radius: 4px;
}

.ws-switcher-active-down {
    height: 100px;
    background-color: rgba(255,255,255,0.1);
    background-image: url("img/ws-switch-arrow-down.svg");
    box-shadow: inset 0 0 2px rgba(255,255,255,0.1);
    border-radius: 4px;
}

.ws-switcher-box {
    height: 100px;
    border-radius: 4px;
}

